<template>
  <el-card shadow="hover" style="height: 100%;" :body-style="{height:'100%'}">
    <template #header>
      <nav class="flex justify-between">
        <span>网络请求</span>
        <el-link type="primary" target="_blank" href="https://vueuse.org/core/useFetch/">useFetch</el-link>
      </nav>
    </template>
    {{data}}
  </el-card>
</template>

<script setup lang="ts" name="useFetch">
import { useFetch } from '@vueuse/core'
const {data } = useFetch('https://www.tianqiapi.com/free/day?appid=56761788&appsecret=ti3hP8y9&city=昆明')

</script>

<style scoped lang="less">

</style>
